<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="css/mobike.css">
    <meta charset="UTF-8">
    <title>Mobike</title>
</head>
<body>
<div class="nav">
    <a href="#" class="logo">
        <ul >
            <li>mobike</li>
            <li>摩拜单车</li>
        </ul>
    </a>
    <ul class="logo-nav">
        <li><a href="#">产品</a></li>
        <li><a href="#">摩拜科技</a></li>
        <li><a href="#">城市</a></li>
        <li><a href="#">关于</a></li>
        <li><a href="#">广告合作</a></li>
    </ul>
</div>
<div class="ad">
    <div class="ad-prompt">
        <h1>
            让自行车回归城市
        </h1>
        <a href="#">
            立即开始使用  Mobike
        </a>
    </div>
    <div class="ad-prompt2">
        <a href="#">
            <div class="ad-prompt-news">NEWS</div>
            <div class="ad-prompt-news">“摩拜公交”小程序上线  线上购买地铁票省时省力</div>
        </a>
    </div>
</div>
<div class="content">
    <a href="#"><div>
        <h3>大国品牌</h3>
    </div></a>
    <a href="#"><div>
        <h3>摩拜科技</h3>
    </div></a>
    <a href="#"><div>
        <h3>摩拜生活</h3>
    </div></a>
    <a href="#"><div>
        <h3>摩拜校招</h3>
    </div></a>
</div>
<div class="prompt">
    <div class="prompt-dsc">
        <div class="icon"></div>
        <div class="text">
            <h4>微信小程序</h4>
            <p>微信扫一扫,直接用车</p>
        </div>
    </div>
    <div class="prompt-dsc">
        <div class="icon"></div>
        <div class="text">
            <h4>红包车</h4>
            <p>骑摩拜,能赚钱</p>
        </div>
    </div>
    <div class="prompt-dsc">
        <div class="icon"></div>
        <div class="text">
            <h4>摩范分</h4>
            <p>文明骑行,信用生活</p>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-top">
        <div class="footer-top-center">
            <ul class="footer-main">
                <li><a href="#">
                    <img src="images/1540369125(1).png" alt="">
                </a></li>
                <li>Beijing Mobike Technology Co., Ltd</li>
                <li>客服电话 <a href="#" style="color: black">400-811-7799</a></li>
                <li>北京摩拜科技有限公司</li>
            </ul>
            <div class="footer-list">
                <div>
                    <h3>产品</h3>
                    <ul>
                        <li><a href="#">经典版</a></li>
                        <li><a href="#">轻骑</a></li>
                        <li><a href="#">智能锁</a></li>
                    </ul>
                </div>
                <div>
                    <h3>生活</h3>
                    <ul>
                        <li><a href="#">城市</a></li>
                    </ul>
                </div>
                <div>
                    <h3>关于</h3>
                    <ul>
                        <li><a href="#">关于Mobike</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">服务协议</a></li>
                    </ul>
                </div>
                <div>
                    <h3>社交网络</h3>
                    <ul>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">知乎专栏</a></li>
                        <li><a href="#">Facebook</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="footer-boottom-center">
            <div class="footer-dsc">
                <p>京 ICP 备15053449 号 <img src="images/beian-icon.png" alt="">京公网安备 11010502032956 号<br>
                增值电信业务经营许可证编号：京B2-20170053</p>
            </div>
            <div class="footer-img">
                <img src="images/footer-chengxin.jpg" alt="">
                <img src="images/yhzxcredit.png" alt="">
            </div>
        </div>
    </div>
</div>
</body>
</html>